Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / commits / 3251e74


Commit 3251e746294b90c7b2b06d0556b3aee54b6485a4

󰉖 Browse tree at this commit

Parents : f94fe0e
Author : Sudo-Ivan <ivan@quad4.io>
Signature : Signature validation error
Date : 2026-01-16T09:33:25-06:00

Add animation direction control for syncing indicator in ConversationViewer

- Enhanced the syncing indicator by allowing the animation direction to reverse when syncing is in progress, improving visual feedback for users.

Changes

1 files changed, 1 insertions(+), 0 deletions(-)

M meshchatx/src/frontend/components/messages/ConversationViewer.vue +1

Diff

diff --git a/meshchatx/src/frontend/components/messages/ConversationViewer.vue b/meshchatx/src/frontend/components/messages/ConversationViewer.vue
index 2dd13bff..1bc82ce5 100644
--- a/meshchatx/src/frontend/components/messages/ConversationViewer.vue
+++ b/meshchatx/src/frontend/components/messages/ConversationViewer.vue
@@ -1263,6 +1263,7 @@
icon-name="sync"
class="size-6"
:class="{ 'animate-spin': isSyncingPropagationNode }"
+ :style="isSyncingPropagationNode ? { animationDirection: 'reverse' } : {}"
/>
</div>
<span class="text-sm font-bold text-gray-900 dark:text-zinc-100">{{


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────